<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@page import="java.text.DecimalFormat"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<%@ page import="com.AAL.Model.*"%>
<%@ page import="java.util.*"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb" lang="en-gb"
	dir="ltr">
<head>
<sj:head compressed="false" />
<sj:head jqueryui="true" jquerytheme="redmond" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" type="image/x-icon" href="../images/wheel.jpg" />
<title>Home Page</title>
<link rel="stylesheet" href="../css/constant.css" type="text/css" />
<link rel="stylesheet" href="../css/template.css" type="text/css" />
<link rel="stylesheet" href="../css/virtuemart.css" type="text/css" />
<link rel="stylesheet" href="../css/screen.css" type="text/css" />
<style type="text/css">
.displayBooking {
	display: block;
}

.noneDisplayBooking {
	display: none;
}

.left-table {
	width: 30%;
	text-align: right;
	padding-right: 20px;
	height: 25px;
}

.infor {
	padding: 5px;
	color: blue;
	font-weight: bold;
	
}

table.management {
	border-collapse: collapse;
	width: 50%;
	margin: 24px;
	font-size:  15;
	color:#FFFFFF;
}

table.management th {
	background: #3F8EBB;
	color: #FFFFFF;
	font-weight: bold;
	padding: 2px 11px;
	text-align: left;
	border-right: 1px solid #fff;
	line-height: 2;
}table.management td {
	font-
	padding: 6px 11px;
	border-bottom: 1px solid #95bce2;
	vertical-align: top;
}

 td .abc:hover{
	color:#0069D2;
	
	
}
table.managementtd * {
	padding: 6px 11px;
	vertical-align:middle;
}

table.management tr.alt td {
	background: #ecf6fc;
}

table.management tr.over td,table.management tr:hover td {
	background: #bcd4ec;
}


</style>
<script type="text/javascript" language="javascript" src="JS/tablescript.js"></script>
<script type="text/javascript">
    
	    function bookingOrder1(){    		
			var element = document.getElementById("bookingDiv");
			element.className="displayBooking";
			
		}
    	
    	function nonBookingOrder(){    		
    		var element = document.getElementById("bookingDiv");
			element.className="noneDisplayBooking";
    	}
    	
    	function checkSubmit(){    		
    		var requirementDate = document.getElementById("requirementDate");    	    		
    		if(requirementDate.value==""){    			
    			alert("Please enter requirement date!");
    			return false;
    		}else if(requirementDate.value!=""){
    			 var date = new Date();
    			 var rdate = new Date(requirementDate.value);
    			 
    			 if(date.getFullYear()< rdate.getFullYear()){    				 
    				 return true;
    			 }
    			 else if(date.getMonth()< rdate.getMonth()){    				 
    				 return true;
    			 }else if(date.getDate()< rdate.getDate()){    				 
    				 return true;    			
    			}
    			 alert("Please enter requirement date is greater today.");
    			 return false;
    		}
    		return true;
    	}
    	
    	function checkSubmit1(){    		
    		var requirementDate = document.getElementById("requirementDate1");    		
    		if(requirementDate.value==""){    			
    			alert("Please enter requirement date!");
    			return false;
    		}else if(requirementDate.value!=""){
    			 var date = new Date();
    			 var rdate = new Date(requirementDate.value);
    			 
    			 if(date.getFullYear()< rdate.getFullYear()){    				 
    				 return true;
    			 }
    			 else if(date.getMonth()< rdate.getMonth()){    				 
    				 return true;
    			 }else if(date.getDate()< rdate.getDate()){    				 
    				 return true;    			
    			}
    			 alert("Please enter requirement date is greater today.d");
    			 return false;
    		}
    		return true;
    	}
    	
    	</script>
</head>

<body id="body">
<div class="main">
<div class="borderTop">
<div class="borderLeft">
<div class="borderRight">
<div class="borderBottom">
<div class="cornerTopLeft">
<div class="cornerTopRight">
<div class="cornerBottomLeft">
<div class="cornerBottomRight">
<div class="width"><jsp:include page="header.jsp" />
<div id="nav"><jsp:include page="menu.jsp" /></div>
<div class="one_column_main">
<div class="container">
<div class="bloc01"><span style="color: red; font-size: 30px; padding-left:45%;">
HÃ³a ÄÆ¡n táº¡m</span><br />
<table>
	<tr>
		<td class="left-table">TÃªn ÄÄng nháº­p:</td>
		<td><label class="infor">ABC</label> <br /></td>
	</tr>
	<tr>
		<td class="left-table">TÃªn cÃ´ng ty:</td>
		<td><label class="infor">Cong ty ABC</label> </td>
	</tr>
	
	<tr>
		<td class="left-table">Äá»a chá»:</td>
		<td><label class="infor">Dia chi abc </label> </td>
	</tr>
	<tr>
		<td class="left-table">ThÃ nh phá»:</td>
		<td><label class="infor"> Thanh pho abc</label> </td>
	</tr>
	
	<tr>
		<td class="left-table">Email:</td>
		<td><label class="infor">email </label> </td>
	</tr>
</table>


<table id="mytable" border="1" style="width:90%; margin-left:5%; text-align: center; " class="management">
<thead>
	<tr style="height: 25px;">
		<th style="width:5%;  text-align: center; color:#FFF; font-weight:bold; ">STT</th>
		<th style=" text-align: center; color:#FFF; font-weight:bold;">TÃªn sáº£n pháº©m</th>
		<th style="width:15%;  text-align: center;">ÄÆ¡n giÃ¡</th>
		<th style="width:10%;  text-align: center;">Sá» lÆ°á»£ng</th>
		<th style="width:15%;  text-align: center;">ThÃ nh tiá»n</th>
	</tr>
	</thead>
	<tbody>
	
	<tr style="height: 25px; ">
		<td style="vertical-align:middle;">1</td>
		<td style="vertical-align:middle;">abc</td>
		<td style="vertical-align:middle;">4</td>
		<td style="vertical-align:middle;">55</td>
		<td style="text-align: right; vertical-align:middle;">220</td>
	</tr>
	<tr style="height: 25px; ">
		<td style="vertical-align:middle;">1</td>
		<td style="vertical-align:middle;">abc</td>
		<td style="vertical-align:middle;">4</td>
		<td style="vertical-align:middle;">55</td>
		<td style="text-align: right; vertical-align:middle;">220</td>
	</tr>
	<tr style="height: 25px; ">
		<td style="vertical-align:middle;">1</td>
		<td style="vertical-align:middle;">abc</td>
		<td style="vertical-align:middle;">4</td>
		<td style="vertical-align:middle;">55</td>
		<td style="text-align: right; vertical-align:middle;">220</td>
	</tr>
	
		</tbody>
</table>
<table style="width:90%; margin-left:5%; text-align: center; border: none;">
	<tr style="height: 25px;  ">
		<td style="width: 25%;">&nbsp;</td>
		<td style="width: 25%;">&nbsp;</td>
		<td style="width: 15%;"><label style="color:red; font-weight: bold;">Thuáº¿ giÃ¡ trá» gia tÄng:</label></td>
		<td style="width: 15%;">10%</td>
		<td style="text-align: right;"><label style="color:red; font-weight: bold;">555555</label></td>
	</tr>
	<tr style="height: 25px; ">
		<td style="width: 25%;">&nbsp;</td>
		<td style="width: 25%;">&nbsp;</td>
		<td style="width: 15%;"><label style="color:red; font-weight: bold;">Tá»ng tiá»n:</label></td>
		<td style="width: 15%;"><label style="color:red; font-weight: bold;">66</label></td>
		<td style="text-align: right;"><label style="color:red; font-weight: bold;">5454545</label></td>
	</tr>
</table>

<form action="finishShoppingCart.jsp">
 <table>
	<tr>
		<td class="left-table">NgÃ y nháº­n hÃ ng:</td>
		<td><sj:datepicker
	id="requirementDate1" name="requirementDate1" readonly="true"
	label="Requirement date" changeMonth="true" cssStyle="width:200px;" ></sj:datepicker> <br /></td>
	</tr>
	<tr>
		<td class="left-table">NÆ¡i nháº­n hÃ ng:</td>
		<td><input /><br /></td>
	</tr>
	</table>
	
<input
	type="submit" value="Dat hang" onclick="return checkSubmit1()"  style="float:right;margin-right: 10%; margin-top: 10px;" />
	</form>

<br class="clear" />
</div>
</div>

</div>
<jsp:include page="footer.jsp" /></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
